@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-30 00:09:01
 * @version $Id$
 */
/*
	兑换页面的全部样式
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body,
p {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/**
 * 
 * @authors Gary_zhou 
 * @date    2016-06-13 11:27:05
 * @version pc.1.0
 * 
 * 字号、宽度、高度、边距使用REM为单位
 * 圆角、阴影使用PX为单位
 * 
 * 根目录
 * 图片地址
 * 公共less
 * 		字体、文本、背景、宽度、圆角、边框、边距、换行
 * 
 * 
 * 
 */
/*
	引入less变量
*/
/**
 * 
 * @authors Gary
 * @date    2016-08-30 00:04:33
 * @version $Id$
 * less 变量
 */
/* 
	html 页面基准，设计图750px
  */
/*
	@font-cale 将px转化对应的REM
*/
/* 
	计算REM数值
 */
* {
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
  font-size: 375px;
  height: 100%;
  min-height: 100%;
  font-family: '微软雅黑', 'Microsoft Yahei', '宋体', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
  font-size: 0.01333333rem;
}
img {
  max-width: 100%;
}
button {
  outline: none;
  border: none;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*  
	清除苹果默认样式
		-webkit-appearance
*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
input {
  outline: none;
}
/*  
	清除浮动
*/
.s-clearfix:before,
.s-clearfix:after {
  display: table;
  content: " ";
}
.s-clearfix:after {
  clear: both;
}
/*  
	浮动
*/
/*  
	left
*/
.s-left {
  float: left;
}
/*  
	right
*/
.s-right {
  float: right;
}
/*  
	隐藏/显示
*/
/*  
	隐藏
*/
.s-hide {
  display: none;
}
/*  
	显示
*/
.s-show {
  display: block;
}
/*  
	display 

*/
.dp-lb {
  display: inline-block;
}
.dp-b {
  display: block!important;
}
.dp-box {
  display: -webkit-box;
  display: -moz-box;
  display: box;
}
/*
	flex布局
*/
.dp-f {
  display: flex;
  display: -webkit-flex;
}
/*  
	元素可见/不可见

*/
/*  
	可见
*/
.s-vi {
  visibility: visible;
}
/*  
	不可见
*/
.s-vihide {
  visibility: hidden;
}
/* 字体：
	'微软雅黑','Microsoft Yahei','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif
*/
/* 
	基础字体
 */
.fontfly-base {
  font-family: '微软雅黑', 'Microsoft Yahei', '宋体', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fontfly-p {
  font-family: Helvetica, sans-serif;
}
.fontfly-a {
  font-family: Arial;
}
.fontfly-s {
  font-family: sans-serif;
}
/* 
	字体风格：正常：normal，斜体：italic，倾斜：oblique
*/
.fontsl-n {
  font-style: normal;
}
.fontsl-i {
  font-style: italic;
}
.fontsl-o {
  font-style: oblique;
}
/* 
	字体粗细
 */
.fontwt-n {
  font-weight: 400;
}
.fontwt-3 {
  font-weight: 300;
}
.fontwt-5 {
  font-weight: 500;
}
.fontwt-6 {
  font-weight: 600;
}
/* 
	字体字号
		font-size
 */
.fontsz-b {
  font-size: 75px;
}
/* 
	12px字体
 */
.fontsz-12 {
  font-size: 0.16rem;
}
/* 
	14px字体
 */
.fontsz-14 {
  font-size: 0.18666667rem;
}
/* 
	16px字体
 */
.fontsz-16 {
  font-size: 0.21333333rem;
}
/* 
	18px字体
 */
.fontsz-18 {
  font-size: 0.24rem;
}
/* 
	文本
		颜色 --- color
		字、单词间隔 --- word-spacing
		字母间隔 --- letter-spacing
		文本装饰 --- text-decoration
			下划线 --- value:underline
			无 --- value:none
		换行
		行高

 */
/* 
	文本颜色
 */
/* 
	主色
 */
.color-b {
  color: #EE453B;
}
/* 
	白色
 */
.color-f {
  color: #fff;
}
/*  
	#494949
*/
.color-1 {
  color: #494949;
}
/*  
	#5B8AE4
*/
.color-2 {
  color: #5B8AE4;
}
/*  
	#C0C0C0
*/
.color-3 {
  color: #C0C0C0;
}
/*  
	#000000
*/
.color-4 {
  color: #000000;
}
/*  
	#4B4B4B
*/
.color-5 {
  color: #4B4B4B;
}
/*
	#CE4D2D
*/
.color-6 {
  color: #CE4D2D;
}
/*
	#474747
*/
.color-7 {
  color: #474747;
}
/*
	#535353
*/
.color-8 {
  color: #535353;
}
/*
	#A8A8A8
*/
.color-9 {
  color: #A8A8A8;
}
/*  
	字、单词间隔 --- word-spacing
*/
/* 
	正常间隔
 */
.words-b {
  word-spacing: normal;
}
/*  
	1rem的间隔
*/
.words-1 {
  word-spacing: 1rem;
}
/*  
	2rem的间隔
*/
.words-2 {
  word-spacing: 2rem;
}
/*  
	字母间隔 --- letter-spacing
*/
/* 
	默认
*/
.letters-b {
  letter-spacing: normal;
}
/* 
	1rem间隔
*/
.letters-5 {
  letter-spacing: 5px;
}
/* 
	2rem间隔
*/
.letters-2 {
  letter-spacing: 2rem;
}
/*  
	文本装饰 --- text-decoration
		下划线 --- value:underline
		无 --- value:none
*/
/*  
	无
*/
.textdo-b {
  text-decoration: none;
}
/*  
	下划线
*/
.textdo-udl {
  text-decoration: underline;
}
/*  
	处理空白字符/换行 ---- white-space
*/
/* 
	合并空白符为1，忽略换行符，自动换行
 */
.whites-b {
  white-space: normal;
}
/* 
	合并空白符为1，保留换行符，自动换行
 */
.whites-pl {
  white-space: pre-line;
}
/* 
	合并空白符为1，忽略换行符，不自动换行
 */
.whites-np {
  white-space: nowrap;
}
/* 
	保留空白符，保留换行符，不自动换行
 */
.whites-p {
  white-space: pre;
}
/* 
	保留空白符，保留换行符，自动换行
 */
.whites-pw {
  white-space: pre-wrap;
}
/* 
	背景
 */
/*  
	纯色背景
		基础色
*/
.bgc-b {
  background-color: #EE453B;
}
/*  
	白色
*/
.bgc-w {
  background-color: #FFFFFF;
}
/*  
	#EFEFEF
*/
.bgc-1 {
  background-color: #EFEFEF;
}
/*  
	#4A8DFF
*/
.bgc-2 {
  background-color: #4A8DFF;
}
/*  
	#74889F
*/
.bgc-3 {
  background-color: #74889F;
}
/*  
	背景
		图片 -- 各个CSS文件单独配置
		重复 -- repeat
*/
/* 
	默认 -- 不重复
*/
.bgr-b {
  background-repeat: no-repeat;
}
/* 
	X轴y轴重复
*/
.bgr-xy {
  background-repeat: repeat;
}
/* 
	X轴重复
*/
.bgr-x {
  background-repeat: repeat-x;
}
/* 
	y轴重复
*/
.bgr-y {
  background-repeat: repeat-y;
}
/*  
	背景
		定位：background-position
		属性值：
			百分比 -- 改变图像和元素的中心点
			长度 -- 相对于左上角的距离 （正值右偏/下偏，负值左偏/上偏）
*/
/* 
	默认 -- 左上角
*/
.bgp-b {
  background-position: 0% 0%;
}
/* 
	水平-竖直居中
*/
.bgp-c {
  background-position: center;
}
/* 
	右下方
*/
.bgp-rb {
  background-position: right bottom;
}
/* 
	右中方
*/
.bgp-rc {
  background-position: right center;
}
/* 
	中下方
*/
.bgp-cb {
  background-position: center bottom;
}
/* 
	background-size
*/
.bgs-s {
  background-size: contain;
}
/* 
	background-size : 20px
*/
.bgs-20 {
  background-size: 0.02666667rem;
}
/*  
	边距
		内边距
		外边距
*/
.pd-0 {
  padding: 0;
}
/*  
	内边距-left
*/
.pd-lb {
  padding-left: 0.02rem;
}
.pd-l5 {
  padding-left: 0.00666667rem;
}
.pd-l10 {
  padding-left: 0.01333333rem;
}
.pd-l15 {
  padding-left: 0.02rem;
}
.pd-l20 {
  padding-left: 0.02666667rem;
}
.pd-l25 {
  padding-left: 0.03333333rem;
}
.pd-l30 {
  padding-left: 0.04rem;
}
.pd-l50 {
  padding-left: 0.06666667rem;
}
.pd-l60 {
  padding-left: 0.08rem;
}
.pd-l100 {
  padding-left: 0.13333333rem;
}
/*  
	内边距-right
*/
.pd-rb {
  padding-right: 0.02rem;
}
.pd-r5 {
  padding-right: 0.00666667rem;
}
.pd-r10 {
  padding-right: 0.01333333rem;
}
.pd-r15 {
  padding-right: 0.02rem;
}
.pd-r20 {
  padding-right: 0.02666667rem;
}
.pd-r25 {
  padding-right: 0.03333333rem;
}
.pd-r30 {
  padding-right: 0.04rem;
}
.pd-r60 {
  padding-right: 0.08rem;
}
.pd-r100 {
  padding-right: 0.13333333rem;
}
/*  
	内边距-top
*/
.pd-tb {
  padding-top: 0rem;
}
.pd-t5 {
  padding-top: 0.00666667rem;
}
.pd-t10 {
  padding-top: 0.01333333rem;
}
.pd-t15 {
  padding-top: 0.02rem;
}
.pd-t20 {
  padding-top: 0.02666667rem;
}
.pd-t25 {
  padding-top: 0.03333333rem;
}
.pd-t30 {
  padding-top: 0.04rem;
}
.pd-t50 {
  padding-top: 0.06666667rem;
}
.pd-t80 {
  padding-top: 0.10666667rem;
}
.pd-t150 {
  padding-top: 0.2rem;
}
.pd-t200 {
  padding-top: 0.26666667rem;
}
/*  
	内边距-bottom
*/
.pd-bb {
  padding-bottom: 0rem;
}
.pd-b5 {
  padding-bottom: 0.00666667rem;
}
.pd-b15 {
  padding-bottom: 0.02rem;
}
.pd-b20 {
  padding-bottom: 0.02666667rem;
}
.pd-b25 {
  padding-bottom: 0.03333333rem;
}
.pd-b100 {
  padding-bottom: 0.13333333rem;
}
/*  
	外边距 - left
*/
.mg-lb {
  margin-left: 0rem;
}
.mg-l10 {
  margin-left: 0.01333333rem;
}
.mg-l15 {
  margin-left: 0.02rem;
}
.mg-l20 {
  margin-left: 0.02666667rem;
}
/*  
	外边距 - right
*/
.mg-rb {
  margin-right: 0rem;
}
.mg-r10 {
  margin-right: 0.01333333rem;
}
.mg-r15 {
  margin-right: 0.02rem;
}
.mg-r20 {
  margin-right: 0.02666667rem;
}
/*  
	外边距 - top
*/
.mg-tb {
  margin-top: 0rem;
}
.mg-t10 {
  margin-top: 0.01333333rem;
}
.mg-t20 {
  margin-top: 0.02666667rem;
}
/*  
	外边距 - bottom
*/
.mg-bb {
  margin-bottom: 0rem;
}
.mg-b20 {
  margin-bottom: 0.02666667rem;
}
/* 
	边框
		颜色
		样式
		宽度
*/
/*  
	无边框
*/
.border-n {
  border-style: none;
}
/*  
	宽度
		border-width --- 四个值（上、右、下、左）
*/
.borderw-b {
  border-width: 1px 1px 1px 1px;
}
/*  
	颜色
		border-color --- 四个值（上、右、下、左）
*/
.borderc-b {
  border-color: #ddd #ddd #ddd #ddd ;
}
/*  
	#5288E0
*/
.borderc-1 {
  border-color: #5288E0 ;
}
/*  
	#B378AE
*/
.borderc-2 {
  border-color: #B378AE ;
}
/*  
	透明边框
*/
.borderc-t {
  border-color: transparent transparent transparent transparent ;
}
/*  
	样式
		border-style --- 四个值（上、右、下、左）
*/
.borders-b {
  border-style: solid solid solid solid;
}
/*
	单独边框
		上/下/左/右
	1px solid 边框
*/
.borderb-1px {
  border-bottom: 1px solid;
}
/*
	下边框颜色
		#D6D6D6
*/
.borderc-bottom-1 {
  border-bottom-color: #D6D6D6;
}
/*  
	定位
		static
		relative
		absolute
		fixed
*/
/*  
	static
*/
.position-s {
  position: static;
}
/*  
	relative
*/
.position-r {
  position: relative;
}
/*  
	absolute
*/
.position-a {
  position: absolute;
}
/*  
	fixed
*/
.position-f {
  position: fixed;
}
/*  
	圆角
		border-radius --- 四个值（上、右、下、左）
*/
.borderr-b {
  border-radius: 5px;
  -moz-border-radius: 5px;
  /* 老的 Firefox */
}
.borderr-p50 {
  border-radius: 50%;
  -moz-border-radius: 50%;
  /* 老的 Firefox */
}
/*  
	单边圆角
		border-top-left-radius
		border-top-right-radius
		border-bottom-right-radius
		border-bottom-left-radius
*/
/*  
	单边圆角
		border-top-left-radius
*/
.borderr-tl {
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
}
/*  
	单边圆角
		border-top-right-radius
*/
.borderr-tr {
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
}
/*  
	单边圆角
		border-bottom-left-radius
*/
.borderr-bl {
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
}
/*  
	单边圆角
		border-top-left-radius
*/
.borderr-br {
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
}
/*  
	文本排版方向
		text-align
*/
.texta-l {
  text-align: left;
}
.texta-r {
  text-align: right;
}
/*  
	左右居中
		margin
		text-align
*/
.texta-c {
  text-align: center;
}
.margin-c {
  margin: 0 auto;
}
/*  
	高度 height和min-height、max-height
	
*/
.height-b {
  height: 100%;
}
.mheight-b {
  height: 100%;
}
/* 
	min-height/height : 600px;
*/
.height-600 {
  height: 0.8rem;
}
.mheight-600 {
  min-height: 0.8rem;
}
.height-300 {
  height: 0.4rem;
}
/*
	height : 100px;
*/
.height-100 {
  height: 0.13333333rem;
}
/*  
	宽度 width
	
*/
.width-b {
  width: 100%;
}
/*  
	box-flex
*/
.boxf-b {
  -moz-box-flex: 1.0;
  /* Firefox */
  -webkit-box-flex: 1.0;
  /* Safari 和 Chrome */
  box-flex: 1.0;
}
/*
	vertical-align
	
*/
.verticala-b {
  vertical-align: baseline;
}
.verticala-bottom {
  vertical-align: bottom;
}
.verticala-t {
  vertical-align: top;
}
.verticala-m {
  vertical-align: middle;
}
/*
	overflow
*/
.overf-b {
  overflow: hidden;
}
/*
	-webkit-box-align: baseline;

*/
.boxa-b {
  -webkit-box-align: baseline;
}
.boxa-c {
  -webkit-box-align: center;
}
.boxa-e {
  -webkit-box-align: end;
}
/*  
	-webkit-box-orient: vertical;
*/
.boxo-v {
  -webkit-box-orient: vertical;
}
/*
	justify-content: center;
*/
.justifyc-c {
  -webkit-justify-content: center;
  justify-content: center;
}
/*
	align-items: center;
*/
.aligni-c {
  -webkit-align-items: center;
  align-items: center;
}
/* 
	-webkit-box-pack: justify;	
*/
.boxp-b {
  -webkit-box-pack: justify;
}
/* 
	input基本样式

*/
input::-webkit-input-placeholder {
  text-align: left;
}
input::-moz-placeholder {
  text-align: left;
}
input:-ms-input-placeholder {
  text-align: left;
}
textarea::-webkit-input-placeholder {
  text-align: left;
}
textarea::-moz-placeholder {
  text-align: left;
}
textarea:-ms-textarea-placeholder {
  text-align: left;
}
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-30 00:15:49
 * @version $Id$
 */
/*
	引入less变量
*/
/**
 * 
 * @authors Gary
 * @date    2016-08-30 00:04:33
 * @version $Id$
 * less 变量
 */
/* 
	html 页面基准，设计图750px
  */
/*
	@font-cale 将px转化对应的REM
*/
/*
	基准色
*/
/*
	header头部导航样式

*/
.header {
  width: 100%;
  height: 0.10666667rem;
  box-shadow: 0px 0px 10px 1px #968C8C;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  -webkit-box-align: center;
}
.header .left {
  -webkit-box-align: center;
  padding-left: 0.04rem;
  padding-right: 0.13333333rem;
  background: url("") no-repeat 0.02rem center;
  background-size: 0.064rem;
}
.header .middle {
  font-size: 0.04266667rem;
  text-align: center;
  color: #EE453B;
}
.header .right-img {
  -webkit-box-align: center;
  padding-left: 0.04rem;
  padding-right: 0.13333333rem;
  background: url("") no-repeat 0.09333333rem center;
  background-size: 0.064rem;
}
.header .right-text {
  font-size: 0.04rem;
  -webkit-box-align: center;
}
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
/**
 * 
 * @authors Gary
 * @date    2016-08-30 00:04:33
 * @version $Id$
 * less 变量
 */
/* 
	html 页面基准，设计图750px
  */
/*
	@font-cale 将px转化对应的REM
*/
/*
	基准色
*/
/*
  字体白色
*/
html {
  font-size: 750px;
  display: block;
}
.service {
  min-height: 100%;
  background-color: #ebebeb;
  font-size: 0.04rem;
  color: #5f5f5f;
  padding-top: 0.16rem;
  overflow-x: hidden;
}
.service .chat-container {
  padding-right: 0.02666667rem;
  padding-left: 0.02666667rem;
}
.service .chat-container .send-info {
  text-align: left;
  margin-bottom: 0.05333333rem;
}
.service .chat-container .send-info .content {
  margin-left: 0.14666667rem;
}
.service .chat-container .receive-info {
  text-align: right;
  margin-bottom: 0.05333333rem;
}
.service .chat-container .receive-info .content {
  margin-right: 0.14666667rem;
}
.service .chat-container .avatar {
  width: 0.10933333rem;
  height: 0.10933333rem;
  margin-top: 0.00533333rem;
}
.service .chat-container .time {
  color: #acacac;
  font-weight: 300;
  font-size: 0.02933333rem;
  margin-bottom: 0.00933333rem;
}
.service .chat-container .msg {
  position: relative;
  border-radius: 8px;
  display: inline-block;
  max-width: 0.62666667rem;
  font-size: 0.03733333rem;
  padding: 0.02666667rem;
}
.service .chat-container .msg:before {
  position: absolute;
  top: 0.02933333rem;
}
.service .chat-container .send-color {
  color: #fff;
  border: 1px solid #4d90fe;
  background-color: #4d90fe;
}
.service .chat-container .send-color:before {
  left: -0.02133333rem;
  content: url("");
}
.service .chat-container .receive-color {
  color: #5f5f5f;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.service .chat-container .receive-color:before {
  right: -0.02133333rem;
  content: url("");
}
